<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Sonettic Cinema - MellowBlue flash video player skin</title>

	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<link href="style/mellowblue.css" rel="stylesheet" type="text/css" />
	<!--[if lt IE 8]>
	<link href="style/mellowblue-ie7.css" rel="stylesheet" type="text/css" />
	<![endif]-->
	
	<script type="text/javascript" src="sonettic/api.js" charset="utf-8"></script>
	
	<!--  If you will use source files -->
		
	<!--
	<script type="text/javascript" src="sonettic/src/SntEventsHolder.js" charset="utf-8"></script>
	<script type="text/javascript" src="sonettic/src/SntPlayer.js" charset="utf-8"></script>
	<script type="text/javascript" src="sonettic/src/SntEmbed.js" charset="utf-8"></script>
	<script type="text/javascript" src="sonettic/src/SntSwfobjectEmbed.js" charset="utf-8"></script>
	<script type="text/javascript" src="sonettic/src/main.js" charset="utf-8"></script>
	-->

	
	<!-- <script type="text/javascript" src="scripts/jquery-1.3.2.min.js" charset="utf-8"></script> -->
	<script type="text/javascript" src="scripts/jquery-1.2.js" charset="utf-8"></script>
	<script type="text/javascript" src="scripts/jquery.backgroundPosition.js" charset="utf-8"></script>

	<script type="text/javascript" src="scripts/swfobject.js" charset="utf-8"></script>	
	<script type="text/javascript" src="scripts/mellowblue.js" charset="utf-8"></script>	

</head>

<body>

<div class="mellowblue" id="player1">
	<span class="t-c"><span class="t-c-l1"><span class="t-c-l2"></span></span></span>
	<div class="mellowblue-video-holder">
		<div class="mv-area">
			<div class="mellowblueVideoObject">
				<h3>Loading Sonttic-Cinema <a href="http://sonettic-cinema.com/">flash video player</a>...</h3>
			</div>
		</div>
	</div>
	<div class="b-c">
		<div class="b-c-l1">
			<span class="mbr mellowblue-control-playback mellowblue-play"> </span>
			<span class="mbr mellowblue-control-playback-stop mellowblue-stop"> </span>
		</div>
		<div class="b-c-l2">
			<div class="b-c-l3">
				<div class="b-c-l4">
					<div class="mellowblue-timeline">
						<div class="mlb-timeline">
							<span class="mellowblue-tml-pos">00:00</span>
							<div class="mellowblue-timeline-holder">
								<div class="mlb-buffering-slider">
									<div class="mlb-timeline-slider">							
										<div class="mth-c-l1">									
											<div class="mth-c-l2">
												<div class="mth-c-l3"></div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<span class="mellowblue-tml-len">00:00</span>
						</div>
						<div class="mellowblue-volume">
							<div class="mellowblue-volume-slider">
								<div class="mellowblue-control-playback-volume mellowblue-volume-mask">&nbsp;</div>
							</div>
						</div>						
					</div>
				</div>
			</div>			
		</div>		
	</div>
</div>

<hr />

<br />
<p>Source:</p>
<ol>
	<li><a href="http://snook.ca/archives/javascript/jquery-bg-image-animations/">jQuery backgroundPosition plug-in</a></li>
	<li><a href="http://jquery.com">jQuery JavaScript framework</a></li>
	<li><a href="http://code.google.com/p/swfobject/">SWF Object v.2</a></li>
</ol>
<hr />
<big><a href="http://sonettic-cinema.com">This software based on Sonettic-Cinema Flash Video Player engine</a></big>
</body>
</html>


